	var formData = {
		name:'',//表单的name名
		rules:{},//表单的验证规则
		message:{},//表单的错误提示信息
		status:0,//初始化验证状态为0；如果验证不通过，则修改状态为1
		init:function(data){//表单验证初始化
			//data参数，传进来的是一个对象，调用的时候用用点的方法调用
			//data.name
			this.status = 0;//初始化验证状态为0；防止上一次验证产生的影响
			this.name = data.name;//this指当前的对象formData
			this.rules = data.rules;
			this.message = data.message;

			this.clearMsg();
			this.check();//这里执行表单验证
			if(this.status == 1){
				return false;
			}else{
				return true;
			}
		},
		check:function(){//表单验证的方法
			for(i in this.rules){
				// console.log(this.rules[i]);
				switch(this.rules[i]){
					case "required"://如果验证规则是required则调用checkRequired这个方法验证表单元素的内容是否为空
						this.checkRequired(i);
						break;
					default:
						break;
				}
			}
		},
		checkRequired:function(a){//验证表单元素是否为空
			//此时a表示的是表单元素的name名
			var c = this.n(a);
			var len = c.length;
			if(len == 1){
				if(c[0].value==''){//如果表单元素的内容为空，则修改验证状态为1,并且显示内容
					this.status = 1;
					this.showMsg(a);
				}
			}else if(len>1){
				var tmpStatus = 0;//初始化表单元素选中的状态为0：未选中
				for(var i=0;i<len;i++){//循环遍历数组里的每一个元素
					if(c[i].checked){//如果元素的 checked为true表示表单元素被选中了。
						tmpStatus = 1;//修改表单元素的选中状态为1；
					}
				}//整个循环结束，判断表单元素的选中状态为1还是0，如果结果为0表示，没有元素被选中，
				if(tmpStatus == 0){
					this.status = 1;//修改表单验证的状态为1
					this.showMsg(a);//显示错误提示信息
				}
			}
		},
		n:function(b){
			return document.getElementsByName(b);
		},
		// t:function(g,h){
		// 	if(h!==undefined){
		// 		return h.getElementsByTagName(g);
		// 	}else{
		// 		return document.getElementsByTagName(g);
		// 	}
			
		// },
		showMsg:function(d){//显示错误提示信息
			//此时d表示的是表单元素的name名
			var e = this.n(d);//获取表单元素
			var span = document.createElement('span');//创建一个新的元素
			span.innerHTML = this.message[d];
			span.className = 'err';
			e[0].parentNode.appendChild(span); 	//给input追加一个span标签（放错误提示信息的）
		},
		clearMsg:function(){//清除错误提示信息
			var f = document.forms[this.name];//找到form表单
			var m = f.getElementsByTagName('span');//通过form表单找到span标签
			var mLen = m.length;
			for(var i=mLen-1;i>=0;i--){
				if(m[i].className == 'err'){
					m[i].remove();
				}
				
			}
		}

	}
	var sub = document.getElementById('sub');
	sub.onclick = function(){
		var p = {
			name:"myForm",//表单名
			rules:{//验证的规则
				username:"required",//required自定义的名字，表示不能为空
				password:"required",
				city:"required",
				content:"required",
				sex:"required",
				photo:"required",
				'love[]':"required",
				email:"required",
				number:"required",
				comment:"required"
			},
			message:{//验证失败的错误提示信息
				username:"请输入用户名",
				password:"请输入密码",
				city:"请选择城市",
				content:"请输入内容",
				sex:"请选择性别",
				photo:"请选择图片",
				'love[]':"请选择爱好",
				email:"请输入邮箱",
				number:"请输入联系电话",
				comment:"请输入内容"
			}
		};
		var res = formData.init(p);
		return res;
	}